<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			LISTADO DE FACTURA INTERNA
		</ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<p:panel id="panel" header="LISTADO DE FACTURA INTERNA"
			style="margin-bottom:10px;">

			<h:form id="busquedaTabla">
				<h:panelGrid columns="3">
					<p:outputLabel value="ESTADO FACTURA:" />
					<p:selectOneMenu
						value="#{listadoFacturaInternaBean.criterioBusquedaEstado}"
						filter="true" filterMatchMode="contains">
						<f:selectItem itemValue="0" itemLabel="ESCOJA UN ESTADO" />
						<f:selectItem itemValue="3" itemLabel="PAGADAS" />
						<f:selectItem itemValue="4" itemLabel="NO PAGADAS" />
					</p:selectOneMenu>
					<h:outputText />

					<h:outputText value="CÉDULA / APELLIDOS / NOMBRES " />
					<p:inputText
						value="#{listadoFacturaInternaBean.criterioBusquedaCliente}"
						onblur="this.value=this.value.toUpperCase();" />
					<h:outputText />

					<h:outputText value="CÓDIGO " />
					<p:inputText
						value="#{listadoFacturaInternaBean.criterioBusquedaCodigo}"
						onblur="this.value=this.value.toUpperCase();" />
					<h:outputText />

					<h:outputText value="EAN / CODIGO1 / CODIGO2 / NOMBRE " />
					<p:inputText
						value="#{listadoFacturaInternaBean.criterioBusquedaDetalle}"
						onblur="this.value=this.value.toUpperCase();" />

					<p:commandButton update="busquedaTabla, :formDataTable, :mensaje"
						icon="#{msg['iconoBuscar']}"
						actionListener="#{listadoFacturaInternaBean.obtener}" />
				</h:panelGrid>
			</h:form>

			<h:form id="formDataTable">
				<p:dataTable id="tablaListadoEgresos" var="egreso"
					value="#{listadoFacturaInternaBean.listaEgresos}" paginator="true"
					rows="10" rowsPerPageTemplate="5,10,15"
					paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					paginatorPosition="bottom"
					emptyMessage="#{msg['lbl.mensajeTabla']}"
					rowStyleClass="#{egreso.activo eq false ? 'desactivo':(egreso.pagado eq true ? 'activo' : null)}">

					<p:column headerText="GESTIONAR"
						style="text-align:center;width: 50px;">

						<p:tooltip for="btnMostrar" value="MOSTRAR"></p:tooltip>
						<p:tooltip for="btnEditar" value="EDITAR"></p:tooltip>
						<p:tooltip for="btnMostrarGanancia" value="MOSTRAR GANANCIA"></p:tooltip>

						<p:commandButton id="btnMostrar" update=":formMostrar"
							oncomplete="PF('egresoDialogoMostrar').show()"
							icon="ui-icon-newwin"
							action="#{listadoFacturaInternaBean.generarListaDetalle}">
							<f:setPropertyActionListener value="#{egreso}"
								target="#{listadoFacturaInternaBean.egreso}" />
						</p:commandButton>

						<p:commandButton id="btnEditar" icon="ui-icon-pencil"
							action="#{listadoFacturaInternaBean.convertirFacturaInterna}"
							disabled="#{egreso.activo eq false || egreso.pagado eq true || egreso.credito ne null ? true:false}">
							<f:setPropertyActionListener value="#{egreso}"
								target="#{listadoFacturaInternaBean.egreso}" />
						</p:commandButton>

						<p:commandButton id="btnMostrarGanancia"
							update=":formMostrarGanancia"
							oncomplete="PF('egresoDialogoMostrarGanancia').show()"
							icon="ui-icon-bookmark"
							disabled="#{egreso.pagado eq false ? true:false}"
							action="#{listadoFacturaInternaBean.calcularGanancia}">
							<f:setPropertyActionListener value="#{egreso}"
								target="#{listadoFacturaInternaBean.egreso}" />
						</p:commandButton>
					</p:column>

					<p:column headerText="CÉDULA"
						style="text-align:center;width: 50px;">  
            			#{egreso.cliente.persona.cedula}
        			</p:column>

					<p:column headerText="CLIENTE"
						style="text-align:center;width: 50px;">  
            			#{egreso.cliente.persona.apellido} #{egreso.cliente.persona.nombre}
        			</p:column>

					<p:column headerText="CÓDIGO" filterBy="#{egreso.codigodocumento}"
						filterMatchMode="contains" style="text-align:center;width: 50px;">  
            			#{egreso.codigodocumento}  
        			</p:column>

					<p:column headerText="FECHA" style="text-align:center;width: 50px;">
						<p:outputLabel value="#{egreso.fechainicio}">
							<f:convertDateTime pattern="dd/MM/yyyy"
								timeZone="America/Guayaquil" />
						</p:outputLabel>
					</p:column>

				</p:dataTable>
			</h:form>
		</p:panel>

		<p:dialog header="MOSTRAR FACTURA INTERNA" width="50%"
			widgetVar="egresoDialogoMostrar" resizable="false" modal="false"
			showEffect="clip" hideEffect="fold" id="dialogoMostrar">

			<h:form id="formMostrar">

				<h:panelGrid id="panelMostrar" columns="2">
					<h:panelGrid columns="2">
						<h:outputText value="NUMERO INTERNO" style="font-weight:bold" />
						<h:outputText
							value="#{listadoFacturaInternaBean.egreso.egresoid}  " />

						<h:outputText value="CODIGO DE DOCUMENTO" style="font-weight:bold" />
						<h:outputText
							value="#{listadoFacturaInternaBean.egreso.codigodocumento}" />

						<h:outputText value="FECHA" style="font-weight:bold" />
						<h:outputText
							value="#{listadoFacturaInternaBean.egreso.fechainicio}" />
					</h:panelGrid>

					<h:panelGrid columns="2">
						<h:outputText value="CLIENTE" style="font-weight:bold" />
						<h:outputText
							value="#{listadoFacturaInternaBean.egreso.cliente.persona.cedula} - #{listadoFacturaInternaBean.egreso.cliente.persona.apellido} #{listadoFacturaInternaBean.egreso.cliente.persona.nombre}" />
						<h:outputText value="FACTURA A NOMBRE DE" style="font-weight:bold" />
						<h:outputText
							value="#{listadoFacturaInternaBean.egreso.clienteFactura.persona.cedula} - #{listadoFacturaInternaBean.egreso.clienteFactura.persona.apellido} #{listadoFacturaInternaBean.egreso.clienteFactura.persona.nombre}" />
						<h:outputText value="A" style="visibility:hidden" />
						<h:outputText value="A" style="visibility:hidden" />
					</h:panelGrid>
				</h:panelGrid>

				<p:dataTable id="tablaDetalleEgresos" var="detalleEgreso"
					value="#{listadoFacturaInternaBean.listaEgresosDetalle}"
					paginator="true" rows="8"
					emptyMessage="No hay informacion disponible."
					paginatorPosition="bottom" style="width:100%">

					<p:column headerText="IVA" style="text-align:center;">  
            				#{detalleEgreso.iva}
        				</p:column>

					<p:column headerText="CODIGO" style="text-align:center;">
							 	#{detalleEgreso.codigo}
						</p:column>

					<p:column headerText="DESCRIPCION"
						filterBy="#{detalleEgreso.descripcion}"
						style="text-align:center;padding-left: 0px;width:30%">
						<p:inputText style="width:100%;" readonly="true" id="nombre"
							value="#{detalleEgreso.descripcion}" />
						<p:tooltip for="nombre" value="#{detalleEgreso.descripcion}" />
					</p:column>

					<p:column headerText="CANTIDAD" style="text-align:center;">  
            				#{detalleEgreso.cantidad}  
        				</p:column>

					<p:column headerText="P. UNIT." style="text-align:center;">  
            				#{detalleEgreso.precioUnitVenta}
					</p:column>

					<p:column headerText="DESC $">  
            				#{detalleEgreso.descuentoDolares}  
        				</p:column>

					<p:column headerText="DESC %">  
            				#{detalleEgreso.descuentoPorcentaje}  
        				</p:column>

					<p:column headerText="IMPORTE" style="text-align:center;">  
            				#{detalleEgreso.importe}  
        				</p:column>

				</p:dataTable>

			</h:form>
		</p:dialog>

		<p:dialog header="MOSTRAR GANANCIA"
			widgetVar="egresoDialogoMostrarGanancia" resizable="false"
			modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoMostrarGanancia">
			<h:form id="formMostrarGanancia">
				<h:panelGrid columns="2">
					<h:outputText value="CODIGO DE DOCUMENTO: "
						style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.codigoDocumento}" />

					<h:outputText value="FECHA: " style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.fechaFactura}" />

					<h:outputText value="PRECIO VENTA: " style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.precioventa}" />

					<h:outputText value="PRECIO COSTO: " style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.preciocosto}" />

					<h:outputText value="DESCUENTO POR PRODUCTO: "
						style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.descuentoproducto}" />

					<h:outputText value="DESCUENTO FACTURA INTERNA: "
						style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.descuentoegreso}" />

					<h:outputText value="GANANCIA: " style="font-weight:bold" />
					<h:outputText
						value="#{listadoFacturaInternaBean.gananciaFacturaReporte.ganancia}" />

				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:ajaxStatus onstart="PF('statusDialog').show()"
			onsuccess="PF('statusDialog').hide()" />

		<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
			closable="false" resizable="false" showHeader="false">
			<p:graphicImage value="../../../resources/images/ajaxloadingbar.gif" />
		</p:dialog>

	</ui:define>

</ui:composition>
</html>